<template>
	<view class="cardlist">
		<view class="cardlist-image">
			<image :src="src"></image>
		</view>		
		<view>
			<text class="cardlist-title">{{text}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		name: "card",
		data() {
			return {

			};
		},
		props: ['src','text'],
		methods: {
			goDetail() {

			},
		}

	}
</script>

<style lang="scss">
	.cardlist {
		width: 95%;
		display: flex;
		justify-content: space-around;
		margin: 10px;
		border-radius: 5px;
		.cardlist-image {			
			width:280px;
			height:100px;
			border-radius: 5px;
			padding-right: 20px;
			image {
				width: 150px;
				height: 90px;
			}
		}
		.cardlist-title{
			width: 380rpx;
			font-size: 14;
			color: #000000;
			
				}
			}
</style>
